<?php ?>
<html>
	<head>
		<style type="text/css">
			p.regard {
				font-family: "Lato", sans-serif;
				font-size: 1.5em;
				color: #f8981f;
				margin: 0px;
				padding: 0px;
				font-style: italic;
				text-indent: 2em;
			}
			div.reg {
				border: solid 1px #ccc;
			}
			ul.register li > label {
				width: 50px;
				text-align: right;
				display: inline-block;
			}
			ul.msg li > label {
				width: 70px;
				text-align: right;
				display: inline-block;
			}
			div.topcontent {
				font-family: "Century Gothic", Arial, Helvetica, Lucida, sans-serif;
			}
			div.topcontent > p {
				padding: 0 0 2px 10px;
				border-bottom: solid 1px #bdc7d8;
				background-image: url('/img/car-blue-icon.png');
				background-repeat: no-repeat;
				padding-left: 25px;
				font-style: italic;
			}
			div.topcontent label {
				font-size: 12px;
			}
			p.topword {
				color: #dd1b1b;
				font-size: 18px;
				padding-left: 5px;
				/* border-bottom:solid 1px #eae581;*/
			}
		</style>
		<link href="css/common.css" type="text/css"   rel="stylesheet"/>
	</head>
	<body>
		<div class="content">
			<?php include("Common/nav_top.php")
			?>

			<div class="leftcontent">
				<p class="topword">
					You Can quickly report a news to find a Passenger/Ride.For further using, register will bring you much benifit.
				</p>
				<div class="topcontent">
					<p >
						if your car still have seat,then let others know...
					</p>

					<ul class="msg">
						<li>
							<label>QQ</label>
							<input type="text" />
						</li>
						<li>
							<label>Car Brand</label>
							<input type="text" />

						</li>
						<li>
							<label>Seat Left</label>
							<input type="text" />
						</li>
						<li>
							<label>Route</label>
							<input type="text"/>
							<input type="text"/>
						</li>
						<li>
							<label>Mobile </label>
							<input type="text" />
						</li>
						<li>
							<input type="button" class="go"  value="Now,Provide Seat"/>
						</li>
					</ul>

				</div>
				<div class="topcontent">
					<p>
						if you need a seat,publish a message...
					</p>
					<ul class="msg">
						<li>
							<label>Name</label>
							<input type="text" />
						</li>
						<li>
							<label>Phone </label>
							<input type="text" />
						</li>
						<li>
							<label>SeatCnt</label>
							<input type="text"/>
						</li>
						<li>
							<label> Destination </label>
							<input type="text"/>
						</li>
						<li>
							<input type="button" class="go" value="Need a Seat" />
						</li>
					</ul>
				</div>
			</div>
			<div class="rightcontent">
				<p class ="regard">
					Fair and Objective together make the world pleasant,find inner peace in your heart,go home with a nice mood and live a happy life.
				</p>
				<div class="reg">
					<span>Register and enjoy</span>
					<ul class="register">
						<li>
							<label>Email</label>
							<input type="text" name="email"/>
						</li>
						<li>
							<label>Name</label>
							<input type="text" name="name"/>
						</li>
						<li>
							<label>Mobile</label>
							<input type="text" name="mobile"/>
						</li>
						<li>
							<input type="button" class="go"/>
						</li>
					</ul>
				</div>
			</div>
			<div style="float:left;width:100%;">
				<p>
					This project is simple, but doesn't mean it has a low value,
					simple pages with a powerful energy, save your time spent on the road,
					and meanwhile we help our country to save fuel.

				</p>
			</div>
			<?php include("Common/page_foot.php")
			?>
		</div>
	</body>
</html>